import styled from "styled-components"

export const PaginationWrapper = styled.div`
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    .ant-pagination-item-link {
        font-size: 14px;
        border: none;
    }
    .ant-pagination-item {
        border-radius: 50%;
        margin: 0 9px;
        border: none;

        &:hover {
            background-color: rgb(191, 191, 191, 0.5);
            a {
                color: #fff !important;
            }
        }
        &.ant-pagination-item-active {
            background-color: #222;
            border: 0;

            a {
                color: #fff;
            }
        }
    }

    .desc {
        margin-top: 16px;
    }
`
